<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta charset="utf-8">
    <title _msthash="149916" _msttexthash="656409">Zhongzhigu official website</title>
    <link rel="stylesheet" href="/css/public.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

        #banner {
            width: 1920px;
            height: 400px;
            overflow: hidden;
            border: 2px solid #999;
            position: relative;
        }

        #banner img {
            width: 1920px;
            height: 400px;
        }

        #imglist {
            width: 9600px;
            height: 400px;
        }

        #imglist li {
            float: left;
        }

        #icolist {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

        #icolist li {
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #666;
            color: #fff;
            margin-left: 5px;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
        }

        .prev {
            background: #666;
            height: 40px;
            width: 30px;
            position: absolute;
            left: 5px;
            top: 45%;
            color: #fff;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
        }

        .next {
            background: #666;
            height: 40px;
            width: 30px;
            position: absolute;
            right: 5px;
            top: 45%;
            color: #fff;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
        }

        #soulutionCanverRoot {
            width: 180px;
            display: none;
            justify-self: center;
            flex-direction: column;
            align-self: center;
            position: fixed;
            top: 55px;
            z-index: 100;
        }

        #soulutionCanver {
            /* margin-left: 482px; */
            background-color: #fff;
            width: 100%;
        }

        #soulutionCanver li {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
        }

        #solutionBtn {}

        /* centerCanverRoot */
        #centerCanverRoot {
            width: 180px;
            display: none;
            justify-self: center;
            flex-direction: column;
            align-self: center;
            position: fixed;
            top: 55px;
            z-index: 100;
        }

        #centerCanver {
            /* margin-left: 482px; */
            background-color: #fff;
            width: 100%;
        }

        #centerCanver li {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
        }


        #centerBtn {}
    </style>
    <script src="js/pc.js"></script>
</head>
<body>
<div style="width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
    <div style="width: 1920px;height: 60px;display: flex;align-items: center;flex-direction: row; background-color: white;position: fixed;top: 0;z-index: 99;">
        <!-- Logo -->
        <img src="img/logo.png" style="max-width: 40px;max-height: 40px;width: auto;height: auto;margin-left: 15px;" alt="">
        <!-- 标语 -->
        <span style="font-size: 18px; font-weight: 600; margin-left: 18px; color: rgb(254, 86, 83); font-family: Kaiti; text-align: left;" _msthash="525486" _msttexthash="259233">Zhongzhi Valley</span>

        <!-- 分类 -->
        <div style="width: 50%;height: 60px;display: flex;align-items: center;flex-direction: column; background-color: white;margin-left: 200px;">
            <!-- 条目 -->
            <div style="width: 100%;height: 60px;display: flex;align-items: center;flex-direction: row;">
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/home.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 首页 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content:  center;text-align: left;" onclick="window.location.href= 'en-home.html';return false" _msthash="1487174" _msttexthash="43979"> Home</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 解决方案 -->
                <div style="width: 18%;height: 100%;" id="solutionRootA">
                    <!-- 解决方案 -->
                    <!--  onclick="window.location.href= 'solution.html';return false" -->
                    <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
                        <span onclick="window.location.href='en-solution.html'" _msthash="647751" _msttexthash="121602" style="text-align: left;color: #4ca41f;">solution</span>
                        <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
                    </div>
                    <!-- 条状 -->
                    <div style="width: 100%;height: 5px;background-color: #4ca41f;"></div>
                    <!-- 解决方案的下拉菜单 -->
                    <div id="soulutionCanverRoot" _msthidden="5">
                        <ul id="soulutionCanver" _msthidden="5">
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu1.html'" style="color: #000;" _msthash="579254" _msttexthash="7482371" _msthidden="1">scheme one</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu2.html'" style="color: #000;" _msthash="579436" _msttexthash="7498751" _msthidden="1">scheme two</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu3.html'" style="color: #000;" _msthash="579618" _msttexthash="7483424" _msthidden="1">scheme three</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu4.html'" style="color: #000;" _msthash="579800" _msttexthash="7747610" _msthidden="1">scheme four</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-solu5.html'" style="color: #000;" _msthash="579982" _msttexthash="7499687" _msthidden="1">scheme five</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 产品中心 -->
                <div style="width: 18%;height: 100%;" id="centerBtn">
                    <!-- 产品中心 -->
                    <div style="width: 100%;height: 55px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
                        <span onclick="window.location.href= 'en-products.html';return false" _msthash="477308" _msttexthash="117832" style="text-align: left;center; color: #000;">Products</span>
                        <img src="img/arrow-right.png" style="max-width: 12px;max-height: 12px;width: auto;height: auto;margin-left: 3px;" alt="">
                    </div>
                    <!-- 条状 -->
                    <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    <!-- 产品中心的下拉菜单 -->
                    <div id="centerCanverRoot" _msthidden="4">
                        <ul id="centerCanver" _msthidden="4">
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro1.html'" style="color: #000;" _msthash="448136" _msttexthash="14000623" _msthidden="1">LED line plate</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro2.html'" style="color: #000;" _msthash="448318" _msttexthash="37073023" _msthidden="1">LCD display</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro3.html'" style="color: #000;" _msthash="448500" _msttexthash="11237265" _msthidden="1">GPS Station Announcer & Control Box</a>
                            </li>
                            <li _msthidden="1">
                                <a onclick="window.location.href='en-pro4.html'" style="color: #000;" _msthash="448682" _msttexthash="8156759" _msthidden="1">LED Screen Accessories(SKD)</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 新闻资讯 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/news.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 新闻资讯 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: #000; text-align: left;" onclick="window.location.href= 'en-news.html';return false" _msthash="1488812" _msttexthash="46475"> News</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 关于我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/about.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 关于我们 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center;color: rgb(0, 0, 0); text-align: left;" onclick="window.location.href= 'en-about.html';return false" _msthash="1489358" _msttexthash="98579"> About us</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
                <!-- 联系我们 -->
                <a href="http://127.0.0.1:8848/%E4%B8%AD%E6%99%BA%E8%B0%B7%E5%AE%98%E7%BD%911/conact.html" style="color: #000;width: 16%;height: 100%;">
                    <div style="width: 100%;height: 100%;">
                        <!-- 联系我们 -->
                        <div style="width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); text-align: left;" onclick="window.location.href= 'en-conact.html';return false" _msthash="1535924" _msttexthash="138229"> Contact us</div>
                        <!-- 条状 -->
                        <div style="width: 100%;height: 5px;background-color: #f0f0f0;"></div>
                    </div>
                </a>
            </div>
        </div>


        <!-- 搜索框 -->
        <div style="width: 20%;height: 32px;border: 1px solid #4ca41f;border-radius: 20px;margin-left: 80px;display: flex;align-items: center;flex-direction: row;">
            <!-- 搜索框图标 -->
            <img src="img/search-gray.png" style="max-width: 24px;max-height: 24px;width: auto;height: auto;margin-left: 10px;" alt="">
            <!-- 输入框 -->
            <input type="text" style="width: 80%;height: 70%;border:none;" placeholder="Enter the one you are looking for" _mstplaceholder="757952">
        </div>
        <div>&nbsp;&nbsp;&nbsp;</div>
        <div>
            <img src="img/chinese.png" style="width: 30px;height: 30px" alt="" onclick="window.location.href= 'solution.html';return false">
        </div>
    </div>

    <!-- 分割线 -->
    <div style="width: 1920px;height: 1px;background-color: #f0f0f0;"></div>

    <!-- 中智谷公司项目标题部分 -->
    <div style="width: 1920px;display: flex;flex-direction: column;position: relative;margin-top: 0px;">
        <div style="width: 1920px;height: 180px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;">
            <span style="font-size: 180px;font-weight: 500; color: #f1f1f1;" _msthash="755027" _msttexthash="86658">SOLUTION</span>
            <!-- 绿色 -->
            <span style="align:center;color: #4ca41f;font-weight: 500;font-size: 30px; margin-top: -70px;" _msthash="755339" _msttexthash="121602">solution</span>
        </div>
        <!-- 顶部图片 -->
        <img src="img/Solution/顶部.png" style="width: 100%;height: auto;margin-top: -0px;" alt="">
    </div>


    <!-- 具体内容 -->
    <!-- 方案一 -->
    <div id="solutionOneB" style="left: 0px;
top: 470px;
width: 1918px;
height: 350px;
line-height: 20px;
background-color: rgba(246, 246, 246, 100);
text-align: center;" onclick="window.location.href='en-solu1.html';return false;">
        <!-- 1 -->
        <div style="width: 85%;height: 160px;box-shadow: 1px 0 1px #bbb;margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;">
            <div style="display: flex;align-items: center;justify-content: center;width: 42%;height: 140px;font-size: 0;">
                <img src="img/Solution/方案1-1.png" style="left: 63px;
	margin-top: 100px;
width: 369px;
height: 315px;">
            </div>
            <div style="display: flex;width: 52%;height: 140px;flex-direction: column;">
						<span style="left: 456px;
	top: 558px;
width: 69px;
height: 47px;
color: rgba(16, 16, 16, 100);
font-size: 18px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="840723" _msttexthash="180414">SCHEME ONE</span>
                <span style="left: 532px;
	top: 565px;
width: 233px;
height: 32px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="840879" _msttexthash="1446900">GPS station announcer + LED line plate + LCD screen</span>
                <span style="left: 456px;
	top: 638px;
width: 763px;
height: 95px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="841035" _msttexthash="50808615">The GPS station announcer has a built-in GPS module, which automatically triggers the station function through GPS induction, switches the display content on the LED line board and LCD screen at the same time, and can also carry out voice broadcasting, reminding passengers to get on and off the train and precautions.</span>
            </div>
        </div>
    </div>
    <!-- 2 -->
    <div id="solutionOneBs" style="left: 0px;
top: 820px;
width: 1918px;
height: 350px;
line-height: 20px;
background-color: rgba(255, 255, 255, 100);
text-align: center;" onclick="window.location.href='en-solu2.html';return false;">
        <div style="width: 85%;height: 160px;box-shadow: 1px 0 1px #bbb;margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;">
            <div style="display: flex;align-items: center;justify-content: center;width: 42%;height: 140px;font-size: 0;">
                <img src="img/Solution/方案2.jpg" style="left: 63px;
	margin-top: 100px;
width: 369px;
height: 315px;
border: 2px solid rgba(187, 187, 187, 100);">
            </div>
            <div style="display: flex;width: 52%;height: 140px;flex-direction: column;">
						<span style="left: 456px;
	top: 908px;
width: 69px;
height: 47px;
color: rgba(16, 16, 16, 100);
font-size: 18px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="897221" _msttexthash="185471">SCHEME TWO</span>
                <span style="left: 532px;
	top: 915px;
width: 233px;
height: 32px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="897377" _msttexthash="1329965">Central controller + LED line plate + LCD screen</span>
                <span style="left: 456px;
	top: 988px;
width: 763px;
height: 95px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="897533" _msttexthash="47203169">By manually using the central controller to switch the content on the LED line plate and LCD screen, the driver can control. The display content of the led line plate can be displayed synchronously on the center controller. It is convenient for drivers to know what is displayed on the current LED line plate.</span>
            </div>
        </div>
    </div>
    <!-- 方案二 -->
    <div id="solutionTwoB" style="left: 0px;
top: 1162px;
width: 1918px;
height: 350px;
line-height: 20px;
background-color: rgba(246, 246, 246, 100);
text-align: center;" onclick="window.location.href='en-solu3.html';return false;">
        <!-- 1 -->
        <div style="width: 85%;height: 160px;box-shadow: 1px 0 1px #bbb;margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;">
            <div style="display: flex;align-items: center;justify-content: center;width: 42%;height: 140px;font-size: 0;">
                <img src="img/Solution/方案3.jpg" style="left: 63px;
	margin-top: 100px;
width: 369px;
height: 315px;">
            </div>
            <div style="display: flex;width: 52%;height: 140px;flex-direction: column;">
						<span style="left: 456px;
	top: 1250px;
width: 69px;
height: 47px;
color: rgba(16, 16, 16, 100);
font-size: 18px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="851708" _msttexthash="231595">SCHEME THREE</span>
                <span style="left: 532px;
	top: 1257px;
width: 233px;
height: 32px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="851864" _msttexthash="1830647">Vehicle equipment + controller + line plate + PIS screen</span>
                <span style="left: 456px;
	top: 1330px;
width: 763px;
height: 95px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="852020" _msttexthash="31450718">At present, many buses have installed intelligent dispatch terminals | MDVR | on-board computer host| other on-board equipment, our central controller can be connected to these devices through RS485, can realize remote update of the line and so on</span>
            </div>
        </div>
    </div>
    <!-- 方案三 -->
    <div id="solutionThreeB" style="left: 0px;
top: 1512px;
width: 1918px;
height: 350px;
line-height: 20px;
background-color: rgba(255, 255, 255, 100);
text-align: center;" onclick="window.location.href='en-solu4.html';return false;">
        <!-- 1 -->
        <div style="width: 85%;height: 160px;box-shadow: 1px 0 1px #bbb;margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;">
            <div style="display: flex;align-items: center;justify-content: center;width: 42%;height: 140px;font-size: 0;">
                <img src="img/Solution/方案4.png" style="left: 63px;
	margin-top:  100px;
width: 369px;
height: 315px;
border: 2px solid rgba(187, 187, 187, 100);">
            </div>
            <div style="display: flex;width: 52%;height: 140px;flex-direction: column;">
						<span style="left: 456px;
	top: 1600px;
width: 69px;
height: 47px;
color: rgba(16, 16, 16, 100);
font-size: 18px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="946478" _msttexthash="181623">SCHEME FOUR</span>
                <span style="left: 456px;
	left: 532px;
top: 1607px;
width: 233px;
height: 32px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="946634" _msttexthash="1280786">Vehicle equipment + LED line plate + PIS screen</span>
                <span style="left: 456px;
	top: 1680px;
width: 763px;
height: 95px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="946790" _msttexthash="24115130">The content to be displayed by the vehicle device /MDVR is given to the line plate and the PIS screen in the form of a unicode code through RS485, and the line plate and the PIS screen are parsed, converted, and then displayed.</span>
            </div>
        </div>
    </div>
    <!-- 方案四-->
    <div id="solutionFourB" style="left: 0px;
top: 1862px;
width: 1918px;
height: 350px;
line-height: 20px;
background-color: rgba(246, 246, 246, 100);
text-align: center;">
        <!-- 1 -->
        <div style="width: 85%;height: 160px;box-shadow: 1px 0 1px #bbb;margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;" onclick="window.location.href='en-solu5.html';return false;">
            <div style="display: flex;align-items: center;justify-content: center;width: 42%;height: 140px;font-size: 0;">
                <img src="img/Solution/方案5.jpg" style="left: 63px;
	margin-top: 100px;
width: 369px;
height: 315px;" alt="">
            </div>
            <div style="display: flex;width: 52%;height: 140px;flex-direction: column;">
						<span style="left: 456px;
	top: 1950px;
width: 69px;
height: 47px;
color: rgba(16, 16, 16, 100);
font-size: 18px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="900380" _msttexthash="152789">SCHEME FIVE</span>
                <span style="left: 532px;
	top: 1957px;
width: 233px;
height: 32px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="900536" _msttexthash="512785">Button type LED line plate</span>
                <span style="left: 456px;
	top: 2030px;
width: 763px;
height: 95px;
color: rgba(174, 174, 174, 100);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;" _msthash="900692" _msttexthash="14494194">This scheme is suitable for buses with simple routes, simple and convenient operation, suitable for tourist cars, long-distance buses, airport shuttle buses, etc.</span>
            </div>
        </div>
    </div>
    <!-- 占位置 -->
    <div style="width: 100%;height: 20px;background-color: white;"></div>
    <!-- 分割线 -->
    <div style="width: 100%;height: 2px;background-color: #d3d3d3;margin-top: 15px;"></div>
    <!-- 留言板 -->
    <div style="width: 1920px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #f0f0f0;">
        <div style="width: 90%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
            <div style="width: 100%;display: flex;flex-direction: row;">
                <!-- 信息 -->
                <div style="width: 30%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 24px;font-weight: 550;margin-top: 35px;" _msthash="1370551" _msttexthash="1679665">Shenzhen Zhongzhigu Electronic Technology Co., Ltd</span>
                    <span style="font: 20px;margin-top: 45px;color: #999;" _msthash="1370707" _msttexthash="3732261">Address: Chaoyang District, Beijing Sanyuanqiao Time International Building 8</span>
                    <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1370863" _msttexthash="272168">Tel:0086-0755-29080552</span>
                    <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1371019" _msttexthash="459511">Email: info@ledzzg.com</span>
                    <span style="font: 20px;margin-top: 5px;color: #999;" _msthash="1371175" _msttexthash="274378">Fax:0086-0755-29080595</span>
                </div>
                <!-- 解决方案 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #666;" onclick="window.location.href= 'en-solution.html';return false" _msthash="1371020" _msttexthash="121602">solution</span>
                    <span style="font: 20px;margin-top: 25px;color: #000;" _msthash="1371176" _msttexthash="180414">Scenario one</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371331" _msttexthash="185471">Scenario two</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371487" _msttexthash="231595">Scenario three</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371643" _msttexthash="181623">Scenario FOUR</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371799" _msttexthash="152789">Programme V</span>
                </div>
                <!-- 产品中心 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #666;" onclick="window.location.href= 'en-products.html';return false" _msthash="1371488" _msttexthash="117832">Products</span>
                    <span style="font: 20px;margin-top: 25px;color: #000;" _msthash="1371644" _msttexthash="254371">LED route screen</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371800" _msttexthash="150670">LED display</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1371955" _msttexthash="845702">GPS Station Announcer &amp; Control Box</span>
                    <span style="font: 20px;margin-top: 15px;color: #000;" _msthash="1372111" _msttexthash="447590">LED screen accessories</span>
                </div>
                <!-- 新闻资讯 -->
                <!-- 关于我们 -->
                <div style="width: 15%;display: flex;flex-direction: column;margin-left: 5%;">
                    <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #999;" onclick="window.location.href= 'en-news.html';return false" _msthash="1372189" _msttexthash="46475">News</span>
                    <span style="font-size: 22px;font-weight: 550;margin-top: 35px;color: #999;" onclick="window.location.href= 'en-about.html';return false" _msthash="1372345" _msttexthash="98579">About us</span>
                </div>
            </div>

            <!-- 关注我们 -->
            <div style="width: 90%; display: flex;flex-direction: column;margin-top: 10px;">
                <span style="font-size: 21px;color: #666;font-weight: 600;" _msthash="1058174" _msttexthash="119730">Follow us</span>
                <div style="display: flex;flex-direction: row;align-items: center; margin-top: 15px;">
                    <img src="img/weixin.png" style="width: 45px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                    <img src="img/weibo.png" style="width: 50px;margin-left: 20px;" alt="">
                </div>
            </div>

            <!-- 留言区域 -->
            <div style="font-size: medium;font-weight: 600;color: #999;" _msthash="741780" _msttexthash="138229">Contact us</div>
            <form action="http://43.142.136.160:10001/sendMail" method="post" style="margin-top: 30px;width: 95%;margin-left: 5%;">
                <textarea placeholder="Please enter the message content here, we will contact you as soon as possible (required)" type="text" style="width: 100%;height: 90px;font-size: small;border: 1px solid #aaa;border-radius: 10px;padding-left: 10px;padding-top: 5px;" name="message" _mstplaceholder="4478474"></textarea>
                <div style="width: 100%;display: flex;flex-direction: row;margin-top: 40px;">
                    <input type="text" placeholder="name" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 0px;" name="name" id="" _mstplaceholder="45981">
                    <input type="text" placeholder="Phone (required)" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="tel" id="" _mstplaceholder="262106">
                    <input type="text" placeholder="mailbox" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="mail" id="" _mstplaceholder="97942">
                    <input type="text" placeholder="address" style="width: 20%;height: 25px;padding-left: 9px; margin-left: 30px;" name="location" id="" _mstplaceholder="97565">
                </div>
                <div style="width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30px;">
                    <input type="submit" value="submit" style="background-color: #4ca41f;color: white;width: 95px;height: 35px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 5px;align:center;" name="post" id="" _mstvalue="81380">
                </div>
            </form>
        </div>

        <!-- 标识 -->
        <div style="display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;">
            <span style="font-size: small;" _msthash="785499" _msttexthash="90022543">Copyright © Shenzhen Zhongzhigu Electronic Technology Co., Ltd. All Rights Reserved. 粤ICP备13088611号-1</span>
        </div>
    </div>


</div>

<div style="width: 100%;height: 100px;"></div>



<script>
    // 解决方案鼠标悬停下拉框
    var centerBtn = document.getElementById('centerBtn');
    var centerCanver = document.getElementById('centerCanver');
    var centerCanverRoot = document.getElementById('centerCanverRoot')

    // 鼠标移入，出现下拉菜单
    centerBtn.onmouseenter = function() {
        console.log("鼠标移入");
        centerCanverRoot.style.display = 'flex';
    }
    // 鼠标移除，菜单消失
    centerBtn.onmouseleave = function() {
        centerCanverRoot.style.display = 'none';
    }

    // 鼠标移入下拉框
    centerCanver.onmouseenter = function() {
        centerCanverRoot.style.display = 'flex';
    }
    centerCanver.onmouseleave = function() {
        centerCanverRoot.style.display = 'none';
    }
    // 解决方案鼠标悬停下拉框
    var solutionBtn = document.getElementById('solutionRootA');
    var solutionCanver = document.getElementById('solutionCanver');
    var soulutionCanverRoot = document.getElementById('soulutionCanverRoot')

    // 鼠标移入，出现下拉菜单
    solutionBtn.onmouseenter = function() {
        console.log("鼠标移入");
        soulutionCanverRoot.style.display = 'flex';
    }
    // 鼠标移除，菜单消失
    solutionBtn.onmouseleave = function() {
        soulutionCanverRoot.style.display = 'none';
    }

    // 鼠标移入下拉框
    soulutionCanver.onmouseenter = function() {
        soulutionCanverRoot.style.display = 'flex';
    }
    soulutionCanver.onmouseleave = function() {
        soulutionCanverRoot.style.display = 'none';
    }


    var esico = document.getElementById('icolist').getElementsByTagName('li');
    var eicolist = document.querySelector('#icolist');
    var eimglist = document.querySelector('#imglist');
    var etest = document.querySelector('#test');
    var eprev = document.querySelector('.prev');
    var enext = document.querySelector('.next');
    var left = 0;
    var timer;
    esico[2].style.backgroundColor = '#4ca41f';
    run();

    function run() {
        if (left <= -7680) {
            left = 0;
        }
        var m = Math.floor(-left / 1920);
        imglist.style.marginLeft = left + 'px';
        var n = (left % 1920 == 0) ? n = 1200 : n = 6;
        left -= 10;
        icochange(m);
        timer = setTimeout(run, n);
    }

    function icochange(m) {
        for (let index = 0; index < esico.length; index++) {
            esico[index].style.backgroundColor = '';
        }
        if (m < esico.length) {
            esico[m].style.backgroundColor = '#4ca41f';
        }
    }

    function imgchange(n) {
        let lt = -(n * 800)
        imglist.style.marginLeft = lt + 'px';
        left = lt;
    }
    eprev.onclick = function() {
        let prevgo = Math.floor(-left / 800) - 1;
        if (prevgo == -1) {
            prevgo = 3;
        }
        imgchange(prevgo);
        icochange(prevgo);
    }
    enext.onclick = function() {
        let nextgo = Math.floor(-left / 800) + 1;
        if (nextgo == 4) {
            nextgo = 0;
        }
        imgchange(nextgo);
        icochange(nextgo);
    }
    eicolist.onclick = function() {
        var tg = event.target;
        let ico = tg.innerHTML - 1;
        imgchange(ico);
        icochange(ico);
    }
    eimglist.onmouseover = function() {
        clearTimeout(timer);
    }
    eimglist.onmouseout = function() {
        run();
    }
</script>

</body>
</html>